
<div id = "submitReport" class="popup-container">
    <button class="close-btn" onclick="hideSubmitReport()">×</button>
    <div class="header">客服中心</div>
    <div class="content">
        <div class="section-title">{$data['title']}</div>
        <form id="report_form">
            <input name = "reportType" type="hidden" value="{$data['reportType']}">
            {if condition="$data['reportType'] == 1"}
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>区服
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="server" placeholder="请输入区服" class="layui-input" lay-verify="required">
                    </div>
                </div>

                <div class="layui-form-item">
                <label class="layui-form-label">
                    <span class="required">*</span>角色ID/角色名
                </label>
                <div class="layui-input-block">
                    <input type="text" name="character" placeholder="请输入角色ID或角色名" class="layui-input">
                </div>
                </div>

                <div class="layui-form-item">
                <label class="layui-form-label">
                    <span class="required">*</span>充值时间
                </label>
                <div class="layui-input-block">
                    <input type="text" name="time" id="time" placeholder="请选择充值时间" class="layui-input">
                </div>
                </div>

                <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">
                    <span class="required">*</span>问题描述
                </label>
                <div class="layui-input-block">
                    <textarea name="desc" placeholder="请描述你的问题，至少提交10字" class="layui-textarea"></textarea>
                    <div class="layui-form-mid layui-word-aux">0/300</div>
                </div>
                </div>

                <div class="layui-form-item">
                <label class="layui-form-label">充值截图</label>
                <div class="layui-input-block">
                    <div class="layui-upload">
                    <button type="button" class="button" id="uploadBtn"><i class="layui-icon"></i>上传图片</button>
                    <input type="hidden" name="images" id="images" value="">
                    <div class="layui-upload-list">
                        <p class="layui-upload-desc">支持jpg、jpeg、gif、png、bmp格式，文件大小不超过4M，最多可上传5张</p>
                    </div>
                    </div>
                </div>
                </div>

            {elseif condition="$data['reportType'] == 2" /}
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>问题类型
                    </label>
                    <div class="layui-input-block">
                        <select name="status" lay-filter="status">
                            <option value="1" selected>登录被封</option>
                            <option value="2">禁言问题</option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>区服
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="server" placeholder="请输入区服" class="layui-input" lay-verify="required">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>角色ID/角色名
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="character" placeholder="请输入角色ID或角色名" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>发生时间
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="time" id="time" placeholder="请选择时间" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">
                        <span class="required">*</span>问题描述
                    </label>
                    <div class="layui-input-block">
                        <textarea name="desc" placeholder="请描述你的问题，至少提交10字" class="layui-textarea"></textarea>
                        <div class="layui-form-mid layui-word-aux">0/300</div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">相关截图</label>
                    <div class="layui-input-block">
                        <div class="layui-upload">
                            <button type="button" class="button" id="uploadBtn"><i class="layui-icon"></i>上传图片</button>
                            <input type="hidden" name="images" id="images" value="">
                            <div class="layui-upload-list">
                                <p class="layui-upload-desc">支持jpg、jpeg、gif、png、bmp格式，文件大小不超过4M，最多可上传5张</p>
                            </div>
                        </div>
                    </div>
                </div>

            {elseif condition="$data['reportType'] == 3" /}
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>区服
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="server" placeholder="请输入区服" class="layui-input" lay-verify="required">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>角色ID/角色名
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="character" placeholder="请输入角色ID或角色名" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>发生时间
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="time" id="time" placeholder="请选择时间" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>问题发生功能板块
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="bankuai" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>设备型号
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="shebei" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>系统版本
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="system" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">
                        <span class="required">*</span>问题描述
                    </label>
                    <div class="layui-input-block">
                        <textarea name="desc" placeholder="请描述你的问题，至少提交10字" class="layui-textarea"></textarea>
                        <div class="layui-form-mid layui-word-aux">0/300</div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">相关截图</label>
                    <div class="layui-input-block">
                        <div class="layui-upload">
                            <button type="button" class="button" id="uploadBtn"><i class="layui-icon"></i>上传图片</button>
                            <input type="hidden" name="images" id="images" value="">
                        </div>
                    </div>
                </div>

            {elseif condition="$data['reportType'] == 4" /}
                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>举报类型
                    </label>
                    <div class="layui-input-block">
                        <select name="status" lay-filter="status">
                            <option value="1">使用辅助</option>
                            <option value="2" selected>不当言论</option>
                            <option value="3">违规昵称</option>
                            <option value="4">其他违规</option>
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>被举报人区服
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="server" placeholder="请输入区服" class="layui-input" lay-verify="required">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>被举报角色ID/角色名
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="character" placeholder="请输入角色ID或角色名" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">
                        <span class="required">*</span>发生时间
                    </label>
                    <div class="layui-input-block">
                        <input type="text" name="time" id="time" placeholder="请选择时间" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">
                        <span class="required">*</span>问题描述
                    </label>
                    <div class="layui-input-block">
                        <textarea name="desc" placeholder="请描述你的问题，至少提交10字" class="layui-textarea"></textarea>
                        <div class="layui-form-mid layui-word-aux">0/300</div>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label">相关截图</label>
                    <div class="layui-input-block">
                        <div class="layui-upload">
                            <button type="button" class="button" id="uploadBtn"><i class="layui-icon"></i>上传图片</button>
                            <input type="hidden" name="images" id="images" value="">
                        </div>
                    </div>
                </div>

            {elseif condition="$data['reportType'] == 5" /}
                <div class="layui-form-item layui-form-text">
                    <textarea name="desc" placeholder="请描述你的问题，至少提交10字" class="layui-textarea"></textarea>
                    <div class="layui-form-mid layui-word-aux">0/300</div>
                </div>
            {/if}
            <button class="button" onclick="formReport(event)">提交</button>
        </form>

        <div class="footer">
            客服工作时间：9:00-18:00
        </div>
    </div>
</div>

<style>
    .required {
        color: red;
        margin-right: 5px;
    }
    .layui-form-label {
        width: 120px;
        text-align: left;
        padding-left: 0;
    }
    .layui-input-block {
        margin-left: 120px;
    }
</style>